$(function () {
    //第一页的 系统对接
    var systemJoin = [
        {
            id:1,
            department: '综合法规股',
            number: 4891084
        },
        {
            id:2,
            department: '商贸服务与贸易管理股',
            number: 28910941
        },
        {
            id:3,
            department: '中小企业发展股',
            number: 9208652
        },
        {
            id:4,
            department: '行政服务中心',
            number: 4672091
        },
        {
            id:5,
            department: '信息化与数字产业股',
            number: 192801
        },
        {
            id:6,
            department: '科技创新股',
            number: 2818290
        }
    ];
    $.each(systemJoin,function (i,e) {
        var tr = $(`<tr>
            <td>${e.id}</td>
            <td>${e.department}</td>
            <td>${e.number}</td>
        </tr>`);
        $('#systemJoin tbody').append(tr);
    });
    //第二页的 数据监控日志
    var dataMonitor = [
        {
            unit:'交通运输',
            num:12078242181,
            direction:'——',
            status:'正常'
        },
        {
            unit:'空气监测',
            num:12032341424,
            direction:'——',
            status:'失效'
        },
        {
            unit:'视频监控与安防',
            num:2042342342,
            direction:'——',
            status:'正常'
        },
        {
            unit:'文旅监控',
            num:2074323442,
            direction:'——',
            status:'正常'
        },
        {
            unit:'水位仪监测',
            num:1078242181,
            direction:'——',
            status:'失效'
        },
        {
            unit:'水质监测',
            num:1023423423,
            direction:'——',
            status:'失效'
        },
        {
            unit:'三维空间数据',
            num:178242181,
            direction:'——',
            status:'正常'
        },
        {
            unit:'城市管理',
            num:134234242,
            direction:'——',
            status:'失效'
        }
    ];
    $.each(dataMonitor,function (i,e) {
        var tr = $(`<tr>
            <td>${e.unit}</td>
            <td>${e.num}</td>
            <td>${e.direction}</td>
            <td><span>${e.status}</span></td>
        </tr>`);
        var style = e.status == '失效'?'cl-orange':'cl-green';
        tr.find('span').addClass(style);
        $('#dataMonitor tbody').append(tr);
    })
});
